import React, { useState } from 'react';
// export default class Button extends React.Component {

//     constructor(props) {
//         super(props)
//         this.state = {
//             data: "原来Button"
//         }
//     }
//     updata = () => {
//         this.setState({ data: "更新后的Botton" })
//     }
//     render() {
//         const { data } = this.state;
//         return (
//             <button className="default-button" onClick={this.updata} >
//                 <h1>{data}</h1>
//             </button>
//         );
//     }
// }
const Button = React.forwardRef(({ label, ...props }, ref) => {
    console.log("🚀 ~ Button ~ props:", props)

    const [count, setCount] = useState(0);
    const handleClick = (event) => {
        console.log("数据加一");
        setCount(count + 1);
        // if (props.onClick) {
        //     onClick(event); // 调用从 props 中传递过来的处理函数
        // }
    };
    return <button ref={ref} {...props} onClick={(e) => handleClick(e)}>{label}- Clicked {count} times</button>;
});

export default Button;

